<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>焊客e家-弹框</title>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/common.css">
		<link rel="stylesheet" href="css/htools.select.skin.css">
		<link rel="stylesheet" href="css/popup.css">
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=FXsxbAiLiq2gQTcksTOKG9BjT6rweVGK"></script>
	</head>

	<body>
		<!--弹窗-->
		<div class="shandow">

			<div class="popup invitation ">
				<div class="top ovw">
					<h3>添加公司信息</h3>

					<i><img src="images/close_img.png"/></i>
				</div>
				<div class="center ovw">
					<ul class="ovw">
						<li class="centerList">
							<span>公司名称</span>
							<input type="text" name="" id="" value="" placeholder="请输入公司全称" class="headings" />
						</li>
						<li class=" height83 centerList">
							<div class="category fl">
								<span>公司行业</span>
								<select id="industry">
									<option value="">请选择</option>
								</select>
							</div>
							<div class="category fr">
								<span>公司性质</span>
								<select id="nature">
									<option value="">请选择</option>
								</select>
							</div>
						</li>
						<li class=" height83 centerList">
							<div class="category fl">
								<span>联系人</span>
								<input type="text" name="" id="" value="" class="contact_person inputList" placeholder="请输入联系人" />
							</div>
							<div class="category fr">
								<span>公司规模</span>
								<select id="scale">
									<option value="">请选择</option>
								</select>
							</div>
						</li>
						<li class=" height83 centerList">
							<div class="category fl">
								<span>招聘邮箱</span>
								<input type="text" name="" id="" value="" class=" inputList" />
							</div>
							<div class="category fr">
								<span>招聘电话</span>
								<input type="text" name="" id="" value="" class=" inputList" />
							</div>
						</li>
						<!--公司福利-->
						<li class="centerList">
							<span class="areaSpan">公司福利</span>
							<ul class="ovw welfare">
								<li class="active">五险一金</li>
								<li class="active">包吃</li>
								<li class="active">包住</li>
								<li class="active">周末双休</li>
								<li>年底双薪</li>
								<li>加班补助</li>
								<li>交补</li>
								<li>房补</li>

							</ul>
							<div class="addTip ovw">
								<input type="text" id="" value="" placeholder="请输入要添加的福利" />
								<p>添加福利</p>
							</div>
						</li>
						<!--公司地址-->
						<li class="centerList height83 place">
							<span class="areaSpan">公司地址</span>
							<div class="category fl">
								<select id="province">
									<option value="">- 请选择省份 -</option>
									<option value="">- 安徽 -</option>
								</select>

							</div>
							<div class="category fl">
								<select id="city">
									<option value="">- 请选择城市 -</option>
									<option value="">- 合肥 -</option>
								</select>
							</div>
							<div class="category fl">
								<select id="area" class="fr">
									<option value="">- 请选择区域 -</option>
									<option value="">- 蜀山区 -</option>
								</select>

							</div>

						</li>
						<li class="centerList ">
							<input type="text" name="" id="" value="" class=" address" placeholder="请输入详细地址" />
							<div class="map" id="map" style="margin-top:5px"></div>
						</li>
						<li class="centerList textareaList" id="wordCount">
							<span>内容</span>
							<div class="ovw textArea">
								<textarea name="" rows="" cols="" placeholder="请简单介绍您的公司信息，让求职者了解您的公司，提高招聘效率，如：公司的主要业务、经营范围、公司规模、公司性质、成立时间。不能填写电话、QQ、微信等联系方式及特殊符号、性别歧视等内容。"></textarea>
							</div>
							<i><b class="word">800</b>/800</i>
						</li>

					</ul>
					<p class="submit ovw">
						<a>提交留言</a>
					</p>
				</div>

			</div>

		</div>
		<script type="text/javascript" src="js/jquery.1.9.1.js">
		</script>

		<script type="text/javascript" src="js/common.js">
		</script>
		<script type="text/javascript" src="js/jquery.htools.select.js">
		</script>
		<script type="text/javascript">
			//			下拉框
			$(function() {
				//				工作地点 样式

				//				公司行业
				var $industrySelect = $("#industry");
				$industrySelect.goSelectInput({
					height: 42,
					width: 320
				});
				//				公司性质
				var $natureSelect = $("#nature");
				$natureSelect.goSelectInput({
					height: 42,
					width: 320
				});
				//				公司规模
				var $scaleSelect = $("#scale");
				$scaleSelect.goSelectInput({
					height: 42,
					width: 320
				});
				//				省
				var $proSelect = $("#province");

				$proSelect.goSelectInput({
					height: 40,
					width: 211
				});
				//				市
				var $citySelect = $("#city");

				$citySelect.goSelectInput({
					height: 40,
					width: 211
				});
				//				区
				var $areaSelect = $("#area");

				$areaSelect.goSelectInput({
					height: 40,
					width: 211
				});
				//				区 样式
				$('li.place ._htools-select').eq(2).css('margin-right', 0);
				//				添加福利
				$('.popup.invitation li div.addTip p').click(function() {
					var input_value = $('.popup.invitation li div.addTip input').val();
					if(input_value != '') {
						var input_html = '<li class="active">' + input_value + '</li>';
						$('.popup.invitation li ul').append(input_html);

					}
				});

				$(".popup.invitation li ul").on("click", "li", function() {
					$(this).toggleClass('active');
				});
			})
		</script>
		<script type="text/javascript">
			$(function() {

				// 百度地图API功能
				var map = new BMap.Map("map");
				var point = new BMap.Point(121.315571, 31.202177);
				map.centerAndZoom(point, 15);

				//创建标注
				var pt = new BMap.Point(121.315571, 31.202177);
				var myIcon = new BMap.Icon("images/sign.png", new BMap.Size(40, 105));
				var marker2 = new BMap.Marker(pt, {
					icon: myIcon
				}); // 创建标注
				map.addOverlay(marker2); // 将标注添加到地图中
				map.enableScrollWheelZoom(true);
			})
		</script>
		<!--剩余字数-->
		<script type="text/javascript">
			$(function() {

				var wordCount = $("#wordCount"),
					textArea = wordCount.find("textarea"),
					word = wordCount.find(".word");
				statInputNum(textArea, word);

			})

			function statInputNum(textArea, numItem) {

				var max = numItem.text(),
					curLength;
				textArea[0].setAttribute("maxlength", max);
				curLength = textArea.val().length;
				numItem.text(max - curLength);
				textArea.on('input propertychange', function() {
					numItem.text(max - $(this).val().length);
				});

			}
		</script>
	</body>

</html>